<div>
	<yu-panel title="历史任务">
		<yu-row :gutter="24">
			<yu-col :span="5">
				<yu-xtree ref="refTree" :height="height" @node-click="nodeClickFn" :data-url="treeDataUrl" data-id="currentNodeId" data-label="currentNodeName"
				 data-pid="parentId" :data-async="async" :data-params="param" data-root="0000" style="margin:10px 10px 0 0;" icon="iconPath">
				</yu-xtree>
			</yu-col>
			<yu-col :span="19">
				<yu-tabs v-model="historyTaskLogTag" @tab-click="showHisLineChart">
					<yu-tab-pane label="任务历史信息列表" name="historyTasksLog">
						<yu-xform ref="wftRunForm" related-table-name="refTable" form-type="search" v-model="searchFormdata">
							<yu-xform-group :column="3">
								<yu-xform-item label="系统名称" placeholder="系统名称" ctype="input" name="appName" :disabled="appNameDisabled"></yu-xform-item>
								<yu-xform-item label="任务名称" placeholder="任务名称" ctype="input" name="taskName" :disabled="taskNameDisabled"></yu-xform-item>
								<yu-xform-item label="任务周期" placeholder="任务周期" ctype="datepicker" name="cycleTime" value-format="yyyyMMdd" format="yyyyMMdd"></yu-xform-item>
								<yu-xform-item label="任务号" placeholder="任务号" ctype="input" name="cycleNo"></yu-xform-item>
							</yu-xform-group>
						</yu-xform>
						<div ref="tableBox" style="overflow: auto;">
							<yu-xtable :height="tbHeight" ref="refTable" row-number :data-url="dataUrl" :pageable="true" @selection-change="selectTask" @sort-change="wftRunSort">
								<yu-xtable-column label="系统名称" prop="appName" width="100px" sortable="custom" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="任务名称" prop="taskName" width="100px" sortable="custom" :show-overflow-tooltip="true">
									<template slot-scope="scope">
										<a style="text-decoration:underline;color:#636CE4 " href="javascipt:void(0);" @click="showTask(scope.row)">{{ scope.row.taskName }}</a>
									</template>
								</yu-xtable-column>
								<yu-xtable-column label="任务周期" prop="cycleTime" width="100px" sortable="custom" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="任务号" prop="cycleNo" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="任务状态" prop="errorFlag" data-code="USE_JOB_RUN_STATE" width="100px" sortable="custom" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="执行开始时间" prop="beginTimeStr" width="140px" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="执行结束时间" prop="endTimeStr" width="140px" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="持续时长" prop="durationStr" :show-overflow-tooltip="true"></yu-xtable-column>
								<yu-xtable-column label="操作">
									<template slot-scope="scope">
										<yu-button @click="showFlowChart(scope.row)" type="primary" size="small">流程图</yu-button>
									</template>
								</yu-xtable-column>
							</yu-xtable>
						</div>
					</yu-tab-pane>
					<yu-tab-pane label="历史日志统计" name="statisticTasksLog" v-if="isNodeLeaf">
						<el-form-q ref="staticJobRef" :field-data="queryStaticsFields" :buttons="queryStaticsButtons"></el-form-q>
						<yu-row>
							<yu-col :span="24">
								<div id="histaskLineChart" style="width: 100%;height: 600px"></div>
							</yu-col>
						</yu-row>
					</yu-tab-pane>
				</yu-tabs>
			</yu-col>
		</yu-row>
	</yu-panel>
</div>
<style type="text/css">
	.intervalSelectionClass {
		width: 100px;
		height: 20px;
		float: right;
	}
</style>